@charset "UTF-8";

body
	{
		background-color: #fff;
		color: #000;
		font-family: sans-serif;
		font-size: 1.0em;
		margin: 0;
		padding: 0
	}

/* Opera */
header, nav, section, footer
	{
		display: block
	}
	
.hidden
	{
		display: none
	}
	
a.button:link, a.button:visited
	{
		background-color: #eee;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		color: #000;
		font-weight: bold;
		margin: 0 0.1em 0 0;
		padding: 0.25em;
		text-align: center;
		text-decoration: none;
	}
	
div.warning
	{
		background-color: #ffffe6;
		color: #000;
		border: 2px solid #ffffb3;
		margin: 0.5em;
		padding: 0.25em;
		text-align: center
	}

header
	{
		background-color: #000;
		color: #fff;
		padding: 0.5em
	}
	
header h1
	{
		font-size: 1.3em;
		font-weight: bold;
		margin: 0;
		padding: 0
	}

#content
	{
		height: 552px;
		margin: 0 auto;
		overflow: hidden;
		padding: 0;
		position: relative;
		width: 902px
	}
	
nav, footer
	{
		clear: both;
		margin: 0 auto;
		overflow: hidden;
		padding: 0.25em  0 0.5em 0;
		width: 902px
	}

footer
	{
		font-size: 0.8em;
		text-align: center
	}

#codePage, #previewPage
	{
		border: 1px solid #ccc;
		background-color: #fff;
		color: #000;
		height: 550px;
		left: 0;
		overflow: auto;
		padding: 0;
		position: absolute;
		top: 0;
		width: 900px
	}
	
#codePage
	{
		overflow: hidden;
		z-index: 10;
	}
	
textarea
	{
		position: absolute;
		top: 0;
		right: 0;
		border: none;
		font-family: monospace;
		font-size: 1.5em;
		margin: 0;
		height: 550px;
		width: 898px
	}
	
label
	{
		display: none;
	}
	
fieldset
	{
		border: none;
		margin: 0;
		padding: 0
	}

/*********************************************************************
 *                               Images                              *
 *********************************************************************/
figure
	{
		background-color: #eee;
		border: 1px solid #ccc;
		float: right;
		margin: 4px;
		padding: 4px
	}
	
img
	{
		border: none
	}
	
figcaption
	{
		clear: both;
		display: block
	}
	
figure.thumb, img.thumb
	{
		width: 200px
	}
	
/*********************************************************************
 *                               Tables                              *
 *********************************************************************/
table
	{
		border: 1px solid #ccc;
		margin: 0 auto
	}

th, td
	{
		border: 1px solid #ccc;
		padding: 0.2em
	}
	
th
	{
		background-color: #eee;
		font-weight: bold;
		text-align: center
	}